<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <title>v-on:事件修饰符</title>
    <style>
        #div {
            background-color: red;
            width: 250px;
            height: 250px;
        }
    </style>
    <script src="../js/vuejs-2.5.16.js"></script>
</head>

<body>
<div id="app">
    <form @submit.prevent action="demo1.html" method="get">
        <input type="submit" value="提交">
        <div @mouseover="fun1" id="div">
            <textarea @mouseover.stop="fun2($event)">这是一个文件域</textarea>
        </div>
    </form>
</div>
</body>
<script>
    //view model
    new Vue({
        el: "#app",
        methods:{
            fun1:function(){
                alert("鼠标停在div上")
            },
            fun2:function () {
                alert("鼠标停在文件域上")
            }
        }
    })

</script>

</html>